<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>传承教育</title>
    <link rel="stylesheet" href="./assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/css/index.css?v=2020">
</head>

<body>
    <div class="banner">
        <img onclick="go()" src="./assets/images/banner.jpg" alt="">
    </div>
    <!-- section-01 -->
    <div class="section-01 container">
        <h1 class="title">
            为什么要
            <span class="text-red">提升学历?</span>
        </h1>
        <p class="sub-title">
            高学历,
            <span class="text-red">让您更具有竞争力</span>
            , 超越他人
        </p>
    </div>
    <!-- section-02 -->
    <div class="section-02 container">
        <div class="row icon-group">
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/icon-01.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/icon-02.jpg" alt="">
            </div>
            <div class="col-xs-4">
                <img onclick="go()" src="./assets/images/icon-03.jpg" alt="">
            </div>
        </div>
        <div class="row click-group">
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/click-01.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/click-02.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/click-03.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/click-04.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/click-05.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/click-06.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/click-07.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/click-08.jpg" alt="">
            </div>

        </div>
    </div>
    <!-- section-03 -->
    <div class="section-03">
        <div class="container">
            <div class="title">
                <h1>
                    您必须了解的
                    <span class="text-red">学历报考相关问题</span>
                </h1>
                <p class="sub-title">
                    学历一对一咨询,
                    <span class="text-red">
                        更专心,更专业
                    </span>
                </p>
            </div>
            <div class="row">
                <div class="col-xs-20">
                    <img onclick="go()" src="./assets/images/icon-q-01.jpg" alt="">
                </div>
                <div class="col-xs-20">
                    <img onclick="go()" src="./assets/images/icon-q-02.jpg" alt="">
                </div>
                <div class="col-xs-20">
                    <img onclick="go()" src="./assets/images/icon-q-03.jpg" alt="">
                </div>
                <div class="col-xs-20">
                    <img onclick="go()" src="./assets/images/icon-q-04.jpg" alt="">
                </div>
                <div class="col-xs-20">
                    <img onclick="go()" src="./assets/images/icon-q-05.jpg" alt="">
                </div>
                <div class="col-xs-20">
                    <img onclick="go()" src="./assets/images/icon-q-06.jpg" alt="">
                </div>
                <div class="col-xs-20">
                    <img onclick="go()" src="./assets/images/icon-q-07.jpg" alt="">
                </div>
                <div class="col-xs-20">
                    <img onclick="go()" src="./assets/images/icon-q-08.jpg" alt="">
                </div>
                <div class="col-xs-20">
                    <img onclick="go()" src="./assets/images/icon-q-09.jpg" alt="">
                </div>
                <div class="col-xs-20">
                    <img onclick="go()" src="./assets/images/icon-q-10.jpg" alt="">
                </div>
            </div>
            <button onclick="go()" class="btn btn-primary btn-contact">咨询更多</button>
        </div>
    </div>
    <!-- section-04 -->
    <div class="section-04 container">
        <h1 class="title">
            提升学历的<span class="text-red">四大形势</span>
        </h1>
        <div class="row">
            <div class="col-xs-3">
                <div class="type-item">
                    <img src="./assets/images/news-01.jpg" alt="">
                    <div class="introduce">
                        <div>
                            <h1>成人高考</h1>
                            <p>认知度高</p>
                            <p>报考无门槛</p>
                            <p>轻松入学</p>
                            <p>时间周期较长</p>
                            <p>考试难度较大</p>
                        </div>
                        <button class="btn btn-primary btn-contact">成人高考咨询入口</button>
                    </div>

                </div>
            </div>
            <div class="col-xs-3">
                <div class="type-item">
                    <img src="./assets/images/news-02.jpg" alt="">
                    <div class="introduce">
                        <div>
                            <h1>自学考试</h1>
                            <p>招生院繁多</p>
                            <p>专业种类丰富</p>
                            <p>通过指数高</p>
                            <p>上课时间自定义</p>
                            <p>报考费用低</p>
                        </div>
                        <button onclick="go()" class="btn btn-primary btn-contact">自学考试咨询入口</button>
                    </div>

                </div>
            </div>
            <div class="col-xs-3">
                <div class="type-item">
                    <img src="./assets/images/news-02.jpg" alt="">
                    <div class="introduce">
                        <div>
                            <h1>网络教育</h1>
                            <p>线上教学</p>
                            <p>网络教学与时俱进</p>
                            <p>不搜时间低地域限制</p>
                            <p>通过指数高</p>
                            <p>学习资源丰富</p>
                        </div>
                        <button onclick="go()" class="btn btn-primary btn-contact">网络教育咨询入口</button>
                    </div>

                </div>
            </div>
            <div class="col-xs-3">
                <div class="type-item">
                    <img src="./assets/images/news-03.jpg" alt="">
                    <div class="introduce">
                        <div>
                            <h1>国家开放大学</h1>
                            <p>入门门槛低</p>
                            <p>没有入学考试</p>
                            <p>开放式教育形式</p>
                            <p>学费较低</p>
                        </div>
                        <button onclick="go()" class="btn btn-primary btn-contact">开放大学咨询入口</button>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <!-- section-05 -->
    <div class="section-05">
        <div class="container">
            <h1 class="title">
                量身定制您的<span class="text-red">学历提升方案!</span>
            </h1>
            <div class="row">
                <div class="col-xs-4">
                    <img onclick="go()" src="./assets/images/case-01.jpg" alt="">
                </div>
                <div class="col-xs-4">
                    <img onclick="go()" src="./assets/images/case-02.jpg" alt="">
                </div>
                <div class="col-xs-4">
                    <img onclick="go()" src="./assets/images/case-03.jpg" alt="">
                </div>
                <div class="col-xs-4">
                    <img onclick="go()" src="./assets/images/case-04.jpg" alt="">
                </div>
                <div class="col-xs-4">
                    <img onclick="go()" src="./assets/images/case-05.jpg" alt="">
                </div>
                <div class="col-xs-4">
                    <img onclick="go()" src="./assets/images/case-06.jpg" alt="">
                </div>
            </div>
            <button onclick="go()" class="btn btn-primary">选择适合你的学历提升方案</button>
        </div>
    </div>

    <!-- section-06 form-->
    <div class="section-06">
        <div class="container">
            <h1 class="title">免费获取您的<span class="text-red">学历提升方案</span></h1>
            <div class="form-inline">
                <div class="form-group">
                    <input id="name" type="text" class="form-control" placeholder="姓名">
                </div>
                <div class="form-group">
                    <input id="tel" type="text" class="form-control" placeholder="联系方式">
                </div>
                <div class="form-group">
                    <select id="type" class="form-control">
                        <option value="">学历类型</option>
                        <option value="高起专">高起专</option>
                        <option value="高起本">高起本</option>
                        <option value="专升本">专升本</option>
                        <option value="专本套读">专本套读</option>
                        <option value="无学历升专科">无学历升专科</option>
                        <option value="无学历升本科">无学历升本科</option>
                    </select>
                </div>
            </div>
            <button id="btn-submit" class="btn btn-primary btn-contact">立即预约</button>
        </div>
    </div>

    <!-- section-07 -->
    <div class="section-07 container">
        <div class="title">
            <h1>2020热门报考学校展示</h1>
            <h2 class="text-red">学历提升报名进行中</h2>
            <p class="sub-title">
                <span class="text-red">985/211院校, 多种热门专业, </span>
                总有一所学校适合您
            </p>
        </div>
        <div class="row">
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/school-01.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/school-02.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/school-03.jpg" alt="">
            </div>
            <div class="col-xs-3">
                <img onclick="go()" src="./assets/images/school-04.jpg" alt="">
            </div>
        </div>
        <div><img onclick="go()" src="./assets/images/school-line.jpg" alt=""></div>
        <button onclick="go()" class="btn btn-primary btn-contact">更多名校咨询</button>

    </div>

    <!-- section-08 -->
    <div class="section-08">
        <div class="container">
            <h1 class="title">
                报考学历提升, <span class="text-red">常见的问题</span>, 你了解吗?
            </h1>
        </div>
        <div class="row btn-q-group">
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/btn-q-01.png" alt="">
            </div>
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/btn-q-02.png" alt="">
            </div>
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/btn-q-03.png" alt="">
            </div>
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/btn-q-04.png" alt="">
            </div>
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/btn-q-05.png" alt="">
            </div>
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/btn-q-06.png" alt="">
            </div>
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/btn-q-07.png" alt="">
            </div>
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/btn-q-08.png" alt="">
            </div>
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/btn-q-09.png" alt="">
            </div>
            <div class="col-xs-6">
                <img onclick="go()" src="./assets/images/btn-q-10.png" alt="">
            </div>
        </div>
        <button onclick="go()" class="btn btn-primary btn-contact">查看更多问题</button>
    </div>

    <!-- contact form-->
    <div class="contact">
        <div class="container">
            <h1 class="title">
                您也可以留下
                <span class="text-red">
                    联系方式
                </span>
                , 老师为您详细解答
            </h1>
            <div class="form-inline">
                <div class="form-group">
                    <input id="name1" type="text" class="form-control" placeholder="姓名">
                </div>
                <div class="form-group">
                    <input id="tel1" type="text" class="form-control" placeholder="联系方式">
                </div>
                <div class="form-group">
                    <button id="btn-submit1" class="btn btn-primary btn-contact">立即提交</button>
                </div>
            </div>
        </div>
    </div>

    <!-- section-09 -->
    <div class="section-09 container">
        <h1 class="title">
            为什么<span class="text-red">选择</span>我们?
        </h1>
        <div class="why-choose-us"><img src="./assets/images/why-choose-us.jpg" alt=""></div>
        <button onclick="go()" class="btn btn-primary btn-contact">立即咨询</button>
    </div>

    <div class="footer">
        <div class="container">
            <p>Copyright2020 &copy; 西安传诚教育 All Rights Reserved</p>
        </div>

    </div>

</body>
<script src="./assets/bootstrap/js/jquery.min.js"></script>
<script src="./assets/layer/layer.js"></script>
<!-- 百度商桥 -->
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?4ea97d3f0ce7c7438790d2207e8274eb";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script>
     var url = 'http://yxzt.cchonour.com/mobile/apis/index.php?c=custom&a=add';
    $(function () {
        $('#btn-submit').on('click', function () {
            var name = $("#name").val().trim();
            var tel = $("#tel").val().trim();
            var type = $("#type").val().trim();
            if (name == '' || tel == '' || type == '') {
               return layer.msg('请填写完整信息');
            } 
            if (!/^1[3456789]\d{9}$/.test(tel)) {
                return layer.msg('请填写有效的11位手机号码!!');
            }
            // layer.msg('信息提交成功!');
            $.post(url, {
                name: name,
                tel: tel,
                type: type
            }, function (res) {
                if (res.errcode == 0) {
                    layer.msg('信息提交成功!');
                    $("#name").val('');
                    $("#tel").val('');
                    $("#type").val('');
                }
            }, 'json');
        });
        $('#btn-submit1').on('click', function () {
            var name = $("#name1").val().trim();
            var tel = $("#tel1").val().trim();
            if (name == '' || tel == '') {
               return layer.msg('请填写完整信息');
            } 
            if (!/^1[3456789]\d{9}$/.test(tel)) {
                return layer.msg('请填写有效的11位手机号码!!');
            }
            // layer.msg('信息提交成功!');
            $.post(url, {
                name: name,
                tel: tel,
                type: '暂无'
            }, function (res) {
                if (res.errcode == 0) {
                    layer.msg('信息提交成功!');
                    $("#name").val('');
                    $("#tel").val('');
                }
            }, 'json');

        });
    });
    function go(){
        window.open('http://p.qiao.baidu.com/cps/chat?siteId=15661799&userId=31033115&siteToken=4ea97d3f0ce7c7438790d2207e8274eb&cp=yxzt&cr=baidu&cw=');
    }
</script>

</html>